import { NavBar} from 'antd-mobile'
import {useNavigate} from "react-router-dom";
import './help.css'
import img1 from '../My/img/客服.png'
import img2 from '../My/img/右右.png'
const Help = () => {
    const navigate = useNavigate();
    const back = () => {
        navigate('/index/mine')
    }

    return (
        <div style={{ backgroundColor: "#f2f2f2", height: "100vh" }}>
            <div style={{ backgroundColor: "white" }}>
                <NavBar onBack={back}>帮助中心</NavBar>
            </div>
            <div>
                <div class="chat-bubble">
                    <div class="avatar">
                        <img src={img1} alt="" className='TouXiang' />
                    </div>
                    <div class="message">
                        <p>您好，<br /> 欢迎来到帮助中心</p>
                    </div>
                </div>
            </div>
            <div style={{backgroundColor: "white"}}>
                <div className='HelpTwoBox'>
                    <div>
                        <span>平台介绍</span>
                    </div>
                    <div>
                        <img src={img2} alt="" className='JianTou' />
                    </div>
                </div>
                <div className='HelpTwoBox'>
                    <div>
                        <span>投诉建议</span>
                    </div>
                    <div>
                        <img src={img2} alt="" className='JianTou' />
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Help;